
<!--HTML-->
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <title>视频</title>
  <meta name="description" content="JeeGit 公平/公开/公正的原创教育人!JeeGit 企业级快速开发平台-吉林省正崇科技有限责任公司！">
  <meta name="Keywords" content="jeegit|apeman 换脸|jeesite官网教程|flowable教程|flowable入门教程|jeesite4 集成微信支付|jeesite4微信支付|jeesite基础教程|jeesite cloud idea 使用|jeesite移动版支持IOS吗|jeesite cloud 启动">
  <meta name="author" content="吉林省正崇科技有限责任公司">
</head>

<body>
<div class="p-20 row m-t-10">
<form id="searchForm" action="/listVideo.html" method="post" class="container-fluid " data-page-no="" data-page-size="" data-order-by="">
        <div class="bg-light d-flex align-items-center do-block p-l-10"><span class=" m-r-15 m-t-15 m-b-15">课程类型</span>
            <ul class="nav nav-pills m-t-15 m-b-15">
                <li class="nav-item"> <a class="nav-link active btn  waves-light  active" onclick="binSearch(this)" data-toggle="tab">全部</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light" onclick="binSearch(this)" data-toggle="tab">前端</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">后台</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">测试</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">部署/运维</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">数据库</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">开源框架</a> </li>
            </ul>
        </div>
            <div class="bg-light d-flex align-items-center do-block  p-l-10"><span class=" m-r-15 m-t-15 m-b-15">会员类型</span>
                <ul class="nav nav-pills  m-t-15 m-b-15">
                    <li class=" nav-item"> <a class="nav-link active btn  waves-light  active" onclick="binSearch(this)" data-toggle="tab">全部</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light" onclick="binSearch(this)" data-toggle="tab">普通会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">铜牌会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">银牌会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">金牌会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">铂金会员</a> </li>

                </ul>
            </div>
            <div class="bg-light d-flex align-items-center do-block  p-l-10"><span class=" m-r-15 m-t-15 m-b-15">排序类型</span>
                <ul class="nav nav-pills  m-t-15 m-b-15">
                    <li class=" nav-item"> <a class="nav-link active btn  waves-light  active" onclick="binSearch(this)" data-toggle="tab">默认</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light" onclick="binSearch(this)" data-toggle="tab">最新</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">学习人数</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">播放次数</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">综合</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab">好评</a> </li>
                </ul>
            </div>
</form>
</div>
<div class="container-fluid " style="min-height:450px;">
     <div class="row el-element-overlay">
			<div class="col-lg-3 col-md-6" th:each="item : ${tableDataInfo.rows}">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"> <img  th:src="${item.image}" alt="user">
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a class="btn default btn-outline image-popup-vertical-fit el-link" href="/profile/upload/userfiles/fileupload/202204/022.png"><i class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" th:href="${'viewVideo-'+item.id+'.html'}"><i class="icon-link"></i></a></li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" th:href="${'viewVideo-'+item.id+'.html'}"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <a th:href="${'viewVideo-'+item.id+'.html'}"><h5 class="m-b-0"><font color="" th:text="${item.title}"></font></h5></a>
                                    <br>
                                    <span class="text-muted" th:text="${item.hits+'人学习'}"></span>
                                  
                                    <span class="text-primary m-r-15" style="float: right" th:text="${#numbers.formatCurrency(item.price)+'元'}"></span>
									<span class="text-success m-r-15" style="float: right" th:text="${@dict.getLabel('dict_vip_strategy',item.dictVipStrategy)}"></span>
                                </div>

                            </div>

                        </div>
                    </div>
              </div>
     </div>






            <div class="row ">
                <div class="col-sm-12 col-md-5">
                        <span class="text-primary"><a href="#">当前第[[${tableDataInfo.pageNum}]]页/[[${tableDataInfo.pages}]]页,总共[[${tableDataInfo.total}]]条结果,<span>   每页[[${tableDataInfo.pageSize}]]条  </span> </a></span>
                </div>
                <div class="col-sm-12 col-md-7 d-flex no-block justify-content-end align-items-center">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination">
<li class="page-item" th:class="${'page-item'+(tableDataInfo.isFirstPage?' active':'')}" ><a class="page-link" href="listVideo.html?pageNum=1" >首页</a></li>
<li class="page-item"><a class="page-link"  th:href="${'listVideo.html?pageNum='+tableDataInfo.prePage}">上一页</a></li>
<li th:each="item : ${tableDataInfo.navigatepageNums}" th:class="${'page-item'+(item==tableDataInfo.pageNum?' active':'')}" ><a class="page-link" th:href="${'listVideo.html?pageNum='+item}" >[[${item}]]</a></li>
<li class="page-item" ><a class="page-link" th:href="${'listVideo.html?pageNum='+tableDataInfo.nextPage}">下一页</a></li>
<li th:class="${'page-item'+(tableDataInfo.isLastPage?' active':'')}" ><a class="page-link" th:href="${'listVideo.html?pageNum='+tableDataInfo.pages}">尾页</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

<script type="text/javascript">

	function payOrder(orderSn)
	{
	        window.location="pay?id="+orderSn+"&userInvoiceAddress="+$('#userInvoiceAddress').val()+"&userCouponsCode="+$('#userCouponsCode').val();
	}
    function binSearch(obj){
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "rtl": false,
            "positionClass": "toast-bottom-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": 300,
            "hideDuration": 1000,
            "timeOut": 5000,
            "extendedTimeOut": 1000,
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"};
        toastr["success"]("您点击了按钮:"+obj.innerText, "温馨提示");
       // $("#searchForm").submit();
    }
  

</script>	
      
        
</body>

</html>